.baby-love-raffle {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    .baby-love-raffle-wrapper {
        position: relative;
        height: 200px;
        width: 200px;
        padding: 20px;
        margin: 20px;
        background-color: #ff5555;
        box-shadow: #000000 0px 0px 10px;
        border-radius: 50%;
    }

    .baby-love-raffle-light {
        position: absolute;
        height: 10px;
        width: 10px;
        border-radius: 50%;
        top: 5px;
        left: 115px;
        transform-origin: 5px 115px;

        &:nth-child(2n) {
            background-color: #fafce7;
        }

        &:nth-child(2n+1) {
            background-color: #ffe58b;
        }

        // &:nth-child(2) {
        //     transform: rotate(36deg);
        // }

        // &:nth-child(3) {
        //     transform: rotate(72deg);
        // }

        // &:nth-child(4) {
        //     transform: rotate(108deg);
        // }

        // &:nth-child(5) {
        //     transform: rotate(144deg);
        // }

        // &:nth-child(6) {
        //     transform: rotate(180deg);
        // }

        // &:nth-child(7) {
        //     transform: rotate(216deg);
        // }

        // &:nth-child(8) {
        //     transform: rotate(252deg);
        // }

        // &:nth-child(9) {
        //     transform: rotate(288deg);
        // }

        // &:nth-child(10) {
        //     transform: rotate(324deg);
        // }
    }

    .baby-love-raffle-light-twinkling {
        animation: 1s twinkling 3, 100ms 3s twinkling 3;
    }

    .baby-love-raffle-panel {
        position: relative;
        height: 200px;
        width: 200px;
        background-color: #b7b7b7;
        border-radius: 100px;
    }

    .baby-love-raffle-sector {
        position: absolute;
        left: 100px;
        top: 0px;
        width: 100px;
        height: 200px;
        font-size: 14px;
        border-radius: 0px 100px 100px 0;
        overflow: hidden;
        transform-origin: left center;

        // &:nth-child(1) {
        //     transform: rotate(-18deg);
        // }

        // &:nth-child(2) {
        //     transform: rotate(18deg);
        // }

        // &:nth-child(3) {
        //     transform: rotate(54deg);
        // }

        // &:nth-child(4) {
        //     transform: rotate(90deg);
        // }

        // &:nth-child(5) {
        //     transform: rotate(126deg);
        // }

        // &:nth-child(6) {
        //     transform: rotate(162deg);
        // }

        // &:nth-child(7) {
        //     transform: rotate(198deg);
        // }

        // &:nth-child(8) {
        //     transform: rotate(234deg);
        // }

        // &:nth-child(9) {
        //     transform: rotate(270deg);
        // }

        // &:nth-child(10) {
        //     transform: rotate(306deg);
        // }

        &:nth-child(2n+1) .baby-love-raffle-sector-inner {
            background: #fef6e0;
        }

        &:nth-child(2n) .baby-love-raffle-sector-inner {
            background: #ffffff;
        }
    }

    .baby-love-raffle-sector-inner {
        text-align: center;
        display: block;
        width: 40px;
        padding: 5px 3px 0 57px;
        height: 195px;
        transform: translateX(-100px) rotate(36deg);
        transform-origin: right center;
        border-radius: 100px 0 0 100px;

        span {
            display: block;
            transform-origin: center;
            transform: rotate(-19deg);
            color: #d46854;
        }
    }

    .baby-love-raffle-pointer {
        position: absolute;
        left: 79px;
        top: 79px;
        z-index: 10;
        height: 30px;
        width: 30px;
        padding: 6px;
        color: #fff899;
        line-height: 15px;
        font-size: 12px;
        text-align: center;
        background-color: #ff5350;
        border-radius: 50%;
        border: 1px solid #ff5350;
        transition: transform 3s cubic-bezier(.2, .93, .43, 1);

        &::after {
            content: '';
            position: absolute;
            left: 14px;
            top: -24px;
            border-width: 12px 6px;
            border-style: solid;
            border-color: transparent;
            border-bottom-color: #ff5350;
            transform-origin: center;
        }
    }

    .baby-love-raffle-result {
        min-height: 18px;
        margin: 20px 60px;
    }

    @keyframes twinkling {
        50% {
            background: transparent;
        }
    }
}